<!-- 爆款推荐的插槽 -->
<template>
    <div class="title">
      <slot>
        <span>火爆推荐</span>
      </slot>
    </div>  
</template>

<script>
export default {
    name:'Card',

}
</script>

<style lang="less" scoped>
@rootsize:37.5rem;
    .title{
    padding: (10 / @rootsize) 0;
    width: 100%;
    text-align: center;
    font-size: (16 / @rootsize);
      span{
        position: relative;
      }
      span::before{
        content: "";
        position: absolute;
        display: block;
        margin-top: ( -4 / @rootsize);
        top: 50%;
        left:-0.5rem;
        width: (8 / @rootsize);
        height: ( 8 / @rootsize);
        border-radius: 50%;
        background: #d4c0a7;  
      }
      span::after{
        content: "";
        position: absolute;
        display: block;
        margin-top: ( -4 / @rootsize);
        top: 50%;
        right:-0.5rem;
        width: (8 / @rootsize);
        height: ( 8 / @rootsize);
        border-radius: 50%;
        background: #d4c0a7;  
      }
  }
</style>